<template>
    <div>
        <el-row style="display: flex;align-items: center;padding: 10px">
            <el-col :span="ui.spanLabel" class="label">
                <label :title="properties.description">{{keys}}:</label>
            </el-col>
            <el-col :span="ui.spanControl" style="text-align: left">
                {{properties.default}}
            </el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
        name: "e-input",
        props:{
            /*type:{  //可选值：text，textarea 和其他 原生 input 的 type 值
                type:String,
                default:'number'
            },
            placeholder:{
                type:String,
                default:''
            },
            disabled:{  //禁用
                type:Boolean,
                default:false
            },
            clearable:{  //是否可清空
                type:Boolean,
                default:true
            },
            size:{   //输入框尺寸，只在 type!="textarea" 时有效; 可选值：medium / small / mini
                type:String,
                default:'small'
            },
            rows:{  //输入框行数，只对 type="textarea" 有效
                type:Number,
                default:2
            },
            readonly:{
                type:Boolean,
                default:false
            },*/
            properties:{
                type:Object
            },
            ui:{
                type:Object
            },
            keys:{
                type:String
            }

        },
        data() {
            return {
                input: ''
            }
        }
    }
</script>

<style scoped>
    .label{
        text-align: right;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>